<%-- <%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
 --%><%@ taglib uri="/struts-tags" prefix="s"%>

<link href="dist/css/offcanvas.css" rel="stylesheet">
<link href="dist/css/starter-template.css" rel="stylesheet">

<link href="dist/css/bootstrap-checkbox.css" rel="stylesheet"
	type="text/css" media="screen">
<link href="dist/css/bootstrap-select.css" rel="stylesheet"
	type="text/css" media="screen">
<link href="dist/css/custom-style.css" rel="stylesheet" type="text/css"
	media="screen">
<link href="dist/css/custom-radiobox.css" rel="stylesheet"
	type="text/css" media="screen">
<link href="dist/css/bootstrap.css" rel="stylesheet" type="text/css"
	media="all">

<script src="dist/js/jquery-1.9.1.min.js"></script>
<script src="dist/js/bootstrap.min.js"></script>
<script src="dist/js/bootstrap-select.js"></script>
<script src="dist/js/jquery.validate.min.js"></script>
<script src="dist/js/custom-validation.js"></script>

<script type="text/javascript">
	$(document).ready(function() {
		$(document).ready(function() {
			$('.selectpicker').selectpicker({});
		});
		$('.selectpicker').on('change', function(){
		   
		});
	});
</script>

<body>
	<div class="container" style="height: 410px">
		<table>
			<tr align="left">
				<td valign="top">
					<div id="hide">
						<form action="updateUser.action" method="post" id="addUser-form"
							name="editForm">
							<table align="left">
								<tr>
									<td><h4>First Name :</h4></td>
									<td><input type="text" class="form-control"
										value="${session.selectedUser.firstName }"
										placeholder="First Name" autofocus name="firstname"
										id="firstname"></td>
									<td><label class="error" for="firstname" generated="true"></label></td>
								</tr>
								<tr>
									<td><h4>Last Name :</h4></td>
									<td><input type="text" class="form-control"
										value="${session.selectedUser.lastName }"
										placeholder="Last Name" name="lastname" id="lastname"></td>
									<td><label class="error" for="lastname" generated="true"></label></td>
								</tr>
								<tr>
									<td><h4>Employee ID :</h4></td>
									<td><input type="text" class="form-control"
										value="${session.selectedUser.employeeId }"
										placeholder="Employee ID" name="employeeId" id="employeeId"></td>
									<td><label class="error" for="employeeId" generated="true"></label></td>
								</tr>
								<tr style="width: 100px">
									<td><h4>Project :</h4></td>
									<td><select class="selectpicker" id="project"
										name="project">
											<option value="" selected="selected" disabled="disabled">Select
												Project</option>
											<s:iterator value="#session.projectList" var="p">
												<s:if test='#session.selectedUser.project.id == #p.id'>
													<option selected="selected" value=<s:property value="id"/>><s:property
															value="projectName" /></option>
												</s:if>
												<s:else>
													<option value=<s:property value="id"/>><s:property
															value="projectName" /></option>
												</s:else>
											</s:iterator>
									</select></td>
									<td><label class="error" for="project" generated="true"></label></td>
								</tr>
								<tr>
									<td><h4>Password :</h4></td>
									<td><input type="password" class="form-control"
										value="${session.selectedUser.password }"
										placeholder="Password" name="password" id="password"></td>
									<td><label class="error" for="password" generated="true"></label></td>
								</tr>
								<tr>
									<td><h4>Confirm Password :</h4></td>
									<td><input type="password" class="form-control"
										value="${session.selectedUser.password }"
										placeholder="Confirm password" name="confirmPassword"
										id="confirmPassword"></td>
									<td><label class="error" for="confirmPassword"
										generated="true"></label></td>
								</tr>
								<tr>
									<td><h4>
											Employee Status
											<h4></td>
									<td>

										<nav class="segmented-button">
											<s:if test='#session.selectedUser.active == 1'>
												<input type="radio" name="getstatus" id="user-status1"
													checked="checked" value="active">
												<label for="user-status1" class="first">Active</label>
												<input type="radio" name="getstatus" value="inactive"
													id="user-status2">
												<label for="user-status2" class="last"> Inactive</label>
											</s:if>
											<s:elseif test='#session.selectedUser.active == 0'>
												<input type="radio" name="getstatus" id="user-status1"
													value="active">
												<label for="user-status1" class="first">Active</label>
												<input type="radio" name="getstatus" value="inactive"
													id="user-status2" checked="checked">
												<label for="user-status2" class="last"> Inactive</label>

											</s:elseif>
										</nav>

									</td>
								</tr>
								<tr>
									<td></td>
									<td><button class="btn btn-lg btn-primary btn-block"
											type="submit">Update</button></td>
								</tr>
							</table>
						</form>
					</div>

				</td>

			</tr>
		</table>
	</div>
</body>
